﻿<html>
	<head>
		<meta http-equiv="Content-Type" content="test/html;charset=gb2312">
		<title>表格样式</title>
	   <style type="text/css">
			table.hovertable{font-family:verdana,arial,sans-serif;
				font-size:11px;
				color:#333333;
				border-width:1px;
				border-color:#999999;
				border-collapse:collapse;}
			table.hovertable th { background-color:#c3dde0;
				border-width: 1px;
				padding: 8px;
				border-style: solid;
				border-color: #a9c6c9;}
			table.hovertable tr { background-color:#d4e3e5;}
			table.hovertable td { border-width: 2px;
				padding: 8px;
				border-style: solid;
				border-color: #ffc6c9; }
		</style>
	</head>
		<body>
	<table class="hovertable">
		<tr><th>学号</th><th>姓名</th><th>家庭住址</th></tr>
		<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
			<td>8088801</td><td>张立升</td><td>江苏无锡</td></tr>
		<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
			<td>8088802</td><td>武功全</td><td>河南洛阳</td></tr>
		<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
			<td>8088803</td><td>文辉尚</td><td>江苏南通</td></tr>
		<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
			<td>8088804</td><td>周晓诚</td><td>湖北武汉</td></tr>
		<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
			<td>8088805</td><td>唐宫锐</td><td>辽宁大连</td></tr>
	</table>
	<center><a href="./main.html">点击返回主界面</a><br></center>
		</body>
</html>